iT邦幫忙

0

【Angular with .NET Core】建立後端環境

angular asp.net core
WM 2019-09-17 01:50:47 ‧ 618 瀏覽

  • 分享至 

  • xImage
    •  
  • 建立demo資料夾。
  • 在demo資料夾中分別建立backend與frontend資料夾。
  • 使用CMD在backend建立.NET Core新專案，命名DemoApp。
    https://ithelp.ithome.com.tw/upload/images/20190917/20112573wQlx21lfVI.png
  • 執行dotnet watch run，啟動專案。
  • https://ithelp.ithome.com.tw/upload/images/20190917/20112573bTnn3QTgum.png
  • 專案的網址有兩個：https://localhost:5001 與 http://localhost:5000
  • 網址有了，接下來是透過路由(Route)指定API取資料出來。
  • 開啟專案檔，DemoApp.csproj。
    https://ithelp.ithome.com.tw/upload/images/20190917/20112573GJyOaEgt1q.png
  • 在方案總管，開啟ValuesController.cs。
    https://ithelp.ithome.com.tw/upload/images/20190917/201125734V7hhWux3c.png
  • 專案的預設路由是api/[controller]，[controller]表示這個class的名稱去掉controller字串。
    https://ithelp.ithome.com.tw/upload/images/20190917/20112573rbLY6pMRRX.png
  • 所以，第一隻API的路由即是api/values，HTTP Methods是GET。
  • API完整的路徑，是網址+路由，https://localhost:5001/api/values 。
  • 使用Postman取出資料。
  • 使用GET方法。
    https://ithelp.ithome.com.tw/upload/images/20190917/20112573kfooR5oD1L.png
  • 回傳成功，資料正確顯示，HTTP 狀態碼是200 OK。
    https://ithelp.ithome.com.tw/upload/images/20190917/20112573R5Nu0rc6FV.png

圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19831 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙